.card-button:hover {
  color: light-dark(var(--mantine-color-black), var(--mantine-color-white));
  background-color: light-dark(var(--mantine-color-gray-0), var(--mantine-color-dark-6));
  box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1); /* 悬停时阴影效果 */
  cursor: pointer; /* 悬停时显示为可点击的手势 */
}

.section {
  background-color: light-dark(var(--mantine-color-white), var(--mantine-color-dark-7));

  @mixin hover {
    background-color: light-dark(var(--mantine-color-gray-0), var(--mantine-color-dark-8));
  }
}
